<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>vue组件</title>
    <script src="using/vue.js"></script>
    <script src="fastdialog/fastdialog.js"></script>
    <link rel="stylesheet" href="fastdialog/fastdialog.css">
    </link>
</head>

<body style="margin:0">
    <div id=“app”>
        <label>1234444</label>
        <button @click="close()">关闭</button>
        <button @click="openanother()">dialog再次打开页面</button>
        <button @click="openparentdialog()">iframe中在顶层打开页面</button>
    </div>

</body>
<script>
    /*定义vue实例app1*/
    var app1 = new Vue({
        el: '#“app”',
        methods: {
            close: function () {
                CloseDialog("page1回传222222");
            },
            openparentdialog: function () {
                OpenTopDialog("page3", "有回调函数并传参", "newpage2.html", "500", "1000", AfterCloseWithReturn, "page1-page2传参");
            },
            openanother:function(){
                OpenDialog("888888", "有回调函数并传参", "newpage3.html", "500", "1000", AfterCloseWithReturn, "page1-page2传参");
            }
        }

    });
    window.onload = function load() {
        var params = GetParams();
        if (params && params != "undefined") {
            alert("打开页面接收的参数：" + params);
        }
    }

    function AfterCloseWithReturn(ReturnValue) {
        alert("page2回传的参数："+ReturnValue);
    }
</script>

</html>